html{font-size: 62.5% !important;}
.fade-enter-active{
  transition: opacity .5s;
}
.fade-leave-active {
  transition: opacity 1s;
}
 .fade-leave-to,.fade-enter {
  opacity: 0;
}

.to-enter-active{
  transition: opacity 1s;
}
.to-enter {
  opacity: 0;
}
.slide-left-enter-active {
    transition: all 1s ease;
  }
  .slide-left-leave-active {
    transition: all .5s ease;
  }
  .slide-left-leave-to,.slide-left-enter{
    transform: translateX(-150px);
    opacity: 0;
  }
  .slide-right-enter-active {
    transition: all 1s ease;
  }
  .slide-right-leave-active {
    transition: all .5s ease;
  }
  .slide-right-enter, .slide-right-leave-to {
    transform: translateX(150px);
    opacity: 0;
  }

body{margin: 0px;padding: 0px;font-size: 1.4rem;font-family: "Microsoft YaHei";color: #333;
  -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
 
    ul{margin: 0px;padding:0px;}
    ul li{margin: 0px; padding: 0px;list-style: none;}
  
.footernav{text-align: center;position: fixed;width:100%;height: auto;left: 0px;bottom: 0px;
border-top: 1px solid rgb(241, 239, 239);color:rgb(173, 172, 172); padding:5px 0px 5px 0px;background-color: white;}
.footernav i{font-size:20px;}
.footernav .action{color:#189DEB; }